// 颜色变量
$primary-color: #007bff;
$primary-hover: #0056b3;
$success-color: #28a745;
$error-color: #dc3545;
$warning-color: #ffc107;

// 中性色
$white: #ffffff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;

// 消息颜色
$user-msg-bg: $primary-color;
$user-msg-text: $white;
$ai-msg-bg: $gray-200;
$ai-msg-text: $gray-900;
$error-msg-bg: #f8d7da;
$error-msg-text: #721c24;

// 尺寸
$header-height: 70px;
$input-area-height: 120px;
$border-radius: 8px;
$border-radius-sm: 4px;

// 阴影
$shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 字体
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;